<div class="hotel-comment-container">
	<div ng-if="!data.comments || data.comments.length === 0" class="no-comment">
		沒有評論
	</div>
	<div class="hotel-comments">
		<div class="hotel-comment-wrapper"
			ng-repeat="comment in data.comments">
			<header class="comment-header">
				<span class="comment-author">用戶 {{::comment.author}}</span> <span
					class="comment-banquet">{{::comment.banquetHall}}宴會廳</span> <span
					class="comment-rating">{{::comment.rating}} / 5</span>
			</header>
			<div class="comment-body">
				<span class="comment">{{::comment.review}}</span>
			</div>
			<footer class="comment-footer">
				<span class="comment-date">{{::comment.reviewTime}}</span>
			</footer>
		</div>
	</div>
	<div class="table-pagination" ng-if="data.comments && data.comments.length > 0">
		<ul uib-pagination items-per-page="data.pageInfo.countPerPage"
			max-size="data.pageInfo.maxCount"
			total-items="data.pageInfo.totalCount" ng-model="data.pageInfo.page"
			ng-change="data.changePage()" previous-text="前一頁" next-text="后一頁"></ul>
	</div>
</div>